<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../res/layui/css/layui.css">
    <style>
        .layui-fluid{
            padding:10px;
        }
    </style>
</head>
<body>
<div class="layui-fluid">
    <fieldset class="layui-elem-field">
        <legend>车辆入库</legend>
        <div class="layui-field-box">
            <div class="layui-form" lay-filter="formVehicle" id="formVehicle">
                <div class="layui-row layui-col-space16">
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                           <div class="layui-input-split layui-input-prefix">
                               品牌名
                           </div>
                           <input type="text" name="brandName" required lay-verify="required" placeholder="请输入品牌名" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                车架号(VIN)
                            </div>
                            <input type="text" name="vin" required lay-verify="required" placeholder="请输入车架号" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                车型
                            </div>
                            <select name="tid">
                                <option value="">请选择车型</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                颜色
                            </div>
                            <input type="text" name="color" required lay-verify="required" placeholder="请输入颜色" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                排量
                            </div>
                            <input type="number" step="0.1" name="engineDisplacement" required lay-verify="required" placeholder="请输入排量" autocomplete="off" class="layui-input"></input>
                            <div class="layui-input-split layui-input-suffix">
                                L
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                邮箱容积
                            </div>
                            <input type="number" step="0.01" name="fuelTankCapacity" required lay-verify="required" placeholder="请输入油箱容量" autocomplete="off" class="layui-input">
                            <div class="layui-input-split layui-input-suffix">
                                L
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                综合油耗
                            </div>
                            <input type="number" step="0.01" name="combinedFuelConsumption" required lay-verify="required" placeholder="请输入综合油耗" autocomplete="off" class="layui-input">
                            <div class="layui-input-split layui-input-suffix">
                                L/100KM
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                销售电话
                            </div>
                            <input type="tel" name="salesPhone" required lay-verify="required" placeholder="请输入销售电话" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                销售公司
                            </div>
                            <input type="text" name="salesCompany" required lay-verify="required" placeholder="请输入销售公司" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                出厂时间
                            </div>
                            <input type="text" name="productionTime" id="productionTime" required lay-verify="required" class="layui-input" placeholder="请选择出厂时间">
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                生产地址
                            </div>
                            <input type="text" name="producerAddress" required lay-verify="required" placeholder="请输入生产地址" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                厂家电话
                            </div>
                            <input type="tel" name="producerPhone" required lay-verify="required" placeholder="请输入厂家电话" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <div class="layui-input-group">
                            <div class="layui-input-split layui-input-prefix">
                                出厂照片
                            </div>
                            <input type="text" name="photo" required lay-verify="required" placeholder="请输入出厂照片URL" autocomplete="off" class="layui-input"  lay-affix="clear">
                        </div>
                    </div>
                    <!-- 提交按钮    -->
                    <div class="layui-form-item" style="text-align: right">
                        <button type="button" class="layui-btn layui-btn-warm" lay-submit id="addVehicle">确认添加
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
</div>
<script src="../res/layui/layui.js"></script>
<script>
    layui.use(function () {
        var form = layui.form;
        var layer = layui.layer;
        var $ = layui.jquery;
        //获取文件上传组件
        var upload = layui.upload;
        var layDate = layui.laydate;
        layDate.render({
            elem: '#productionTime'
        });

    })
</script>
</body>
</html>